//------------切换两个盒子----------
//调用点击 .box盒子里面的a标签 切换两个盒子的显示和隐藏
$('.box a').on('click', function() {
    $(this).parents('.box').hide().siblings('.box').show();
})


// 比如， 验证一个用户名和密码

function test() {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: {
                    notEmpty: { //不能为空
                        message: '用户名不能为空.'
                    },
                    stringLength: { //检测长度
                        min: 2,
                        max: 15,
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: { //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}
// 语法：
// $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}

// 比如，注册
$('.register form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault();
    // console.log(123);
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    // $('表单').seralize();//这是jq提供的方法，作用就是快速收集表单数据，得到的结果就是查询字符串
    let data = $(this).serialize();
    // console.log(data);

    axios.post('/api/register', data).then(result => {
        let { code, message } = result.data;
        // console.log(456);
        if (code === 0) { //code===0表示成功，我们目前只处理成功的情况，失败的情况后续同意处理
            console.log(123);
            //清空输入框
            $('.register form input').val('');
            //提示信息
            toastr.success(message);
            //切换到登录的盒子
            $('.register').hide().next().show();
        }
    })
});

// 类名和单词尽量复制   你都是单词写错了 ！！！！！！！！！！！！！！！！！！！！！！！！！！！



// 这一行不要改 这是引入插件的别人封装的
// 只改最前面这个对象这个   OK吗？？ 嗯嗯 我没改呀  你该这了  是 嗯好吧好了  先休息 剩下的晚上看 OK吗 好谢谢哥客气退了白 
//-----------------登录功能-----------------------------
$('.login form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault();
    //提交逻辑
    // console.log(222);
    let data = $(this).serialize();
    // console.log(data);
    // 这里两个// 不对  引入公共根路径了 前边删除
    axios.post('/api/login', data).then(result => {
        let { code, message } = result.data;
        // console.log(res);
        if (code === 0) { //code===0表示成功
            //清空输入框
            $('.register input').val('');
            //提示一下
            toastr.success(message);
            //切换到登录得盒子
            $('.register').hide().next().show();
        }
    })
});



$('.login form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault();
    // console.log(123);
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    // $('表单').seralize();//这是jq提供的方法，作用就是快速收集表单数据，得到的结果就是查询字符串
    let data = $(this).serialize();
    // console.log(data);

    // 接口地址写错了
    axios.post('/api/login', data).then(result => {
        let { code, message, token } = result.data;
        if (code === 0) { //code===0表示成功，我们目前只处理成功的情况，失败的情况后续同意处理
            //将得到的token存储到本地存储
            localStorage.setItem('token', token);
            location.href = './index.html'
            console.log(123);
        }
    })
});